<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script>
	$(function() {
		$('#fitSerMgt_signingMgt_datagrid').datagrid({
			url : 'signingAction!getDatagrid.action',
			fitColumns : false,
			border : false,
			pagination : true,
			pageSize : 20,
			fit : true,
			singleSelect : true,
			rownumbers : true,
			idField : 'pkSigning',
			//sortName : 'name',
			columns : [ [ {
				field : 'pkSigning',
				title : '签场编号',
				width : 150,
				//hidden : true,
				align : 'center'
			}, {
				field : 'pkMember',
				title : '签场人编号',
				width : 150,
				sortable : true,
				align : 'center',
			}, {
				field : 'memberName',
				title : '签场人姓名',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'pkVenueInfo',
				title : '签场场所编号',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'venueName',
				title : '签场场所名',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'signStatus',
				title : '签场状态',
				width : 150,
				sortable : true,
				align : 'center'
			}, {
				field : 'signDatetime',
				title : '签场时间',
				width : 150,
				sortable : true,
				align : 'center'
			} ] ],

			toolbar : [ {
				iconCls : 'icon-search',
				text : '查询',
				handler : function() {
					$('#fitSerMgt_signingMgt_searchDialog').dialog('open');
				}
			} ]
		});

	});

	function signingSearchFun() {
		$('#fitSerMgt_signingMgt_datagrid').datagrid('load', serializeObject($('#fitSerMgt_signingMgt_searchForm')));
	};
	function signingClearFun() {
		$('#fitSerMgt_signingMgt_searchForm').form('clear');
		$('#fitSerMgt_signingMgt_datagrid').datagrid('load', {});
	};
</script>

<div class="easyui-panel" data-options="border:false,fit:true">
	<div id="fitSerMgt_signingMgt_datagrid_panel" class="easyui-panel" data-options="border:false,fit:true,">
		<table id="fitSerMgt_signingMgt_datagrid"></table>
	</div>
</div>

<div id="fitSerMgt_signingMgt_searchDialog" class="easyui-dialog" title="查询" style="width: 600px; height: 300px" data-options="iconCls:'icon-search',modal:true,closed:true,collapsible:false,minimizable:false,maximizable:false,
		buttons: [{text:'重置查询结果',
					iconCls:'icon-reload',
					handler:function(){
						signingClearFun();
						$('#fitSerMgt_signingMgt_searchDialog').dialog('close');
					}
				},
		{text:'重置查询条件',
					iconCls:'icon-redo',
					handler:function(){
						$('#fitSerMgt_signingMgt_searchForm').form('clear');
					}
				},{text:'查询',
					iconCls:'icon-search',
					handler:function(){	
						signingSearchFun();
						$('#fitSerMgt_signingMgt_searchDialog').dialog('close');
					}
				}]">

	<form id="fitSerMgt_signingMgt_searchForm" style="margin: 5%">
		<table style="border-collapse:separate; border-spacing:15px; width:540px;">
			<tr>
				<td>签场人</td>
				<td><input class="easyui-textbox" type="text" name="memberName" data-options=""></input></td>
				<td>签场场所</td>
				<td><input class="easyui-combobox" type="text" name="pkVenueInfo" panelHeight="auto" data-options="
				valueField:'pkVenueInfo',
				textField:'name',
				editable:false,
				url:'venueInfoAction!getComboBox.action'"></input></td>
			</tr>
			<tr>
				<td>签场状态</td>
				<td><input class="easyui-textbox" type="text" name="signStatus" data-options=""></input></td>
			</tr>
			<tr>
				<td>测试签场时间</td>
				<td><input class="easyui-datebox" type="text" name="signDatetime" data-options=""></input></td>
			</tr>
		</table>
	</form>
</div>
</table>